import React from "react";
import { Divider, Icon } from "@antmjs/vantui";
import { View, Text } from "@tarojs/components";
import Taro from "@tarojs/taro";

const RegulationsInterprete: React.FC = () => {
  return (
    <View className="p-4 bg-white official-release__wrapper">
      <View
        className="w-full"
        onClick={() =>
          Taro.navigateTo({
            url: "/pages/PolicieRegula/components/RegulationsInterpreteDetail/index",
          })
        }
      >
        <View className="w-full h-[40px] truncate">
          111整个组件库是依赖开源项目 Vant Weapp 的代码经过全量编译而来
        </View>
        <View className="text-xs text-slate-400">7预览 | 2022-12-24</View>
      </View>
      <Divider hairline className="!my-[16px]" />
      <View className="w-full">
        <View className="w-full h-[40px] truncate">
          111整个组件库是依赖开源项目 Vant Weapp 的代码经过全量编译而来
        </View>
        <View className="text-xs text-slate-400">7预览 | 2022-12-24</View>
      </View>
      <Divider hairline className="!my-[16px]" />
      <View className="w-full">
        <View className="w-full h-[40px] truncate">
          111整个组件库是依赖开源项目 Vant Weapp 的代码经过全量编译而来
        </View>
        <View className="text-xs text-slate-400">7预览 | 2022-12-24</View>
      </View>
      <Divider hairline className="!my-[16px]" />
      <View
        className="flex flex-row items-center justify-center gap-1 py-2 text-center flex-nowrap"
        onClick={() => Taro.navigateTo({ url: "/pages/PolicieRegula/index" })}
      >
        <Text>查看更多</Text>
        <Icon name="arrow" size="16px" className="icon" color="#666"></Icon>
      </View>
    </View>
  );
};

export default RegulationsInterprete;
